<template>
    <div>
        <Search></Search>
        <div class="nav">
            <ul>
                <li>
                    <router-link :to="{ path: '/xinche/xinnengyuan' }">新能源</router-link>
                </li>
                <li>
                    <router-link :to="{ path: '/xinche/xinche' }">新车</router-link>
                </li>
                <li>
                    <router-link :to="{ path: '/xinche/haohuapinpai' }">豪华品牌</router-link>
                </li>
            </ul>
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
import Search from "../components/xinche/Search";
export default {
    components: {
        Search,
    }
}
</script>

<style lang="scss" scoped>
div{
    background-color: #F6F7FB;
    .nav{
        ul{
            display: flex;
            // margin-top: 20px;
            background-color: #F6F7FB;
            li{
                margin-left: 20px;
                height: 80px;
                display: flex;
                align-items: flex-end;
                font-size: 36px;
                margin-bottom: 10px;
            }
            a{
                color: black;
            }

            .router-link-active{
                font-size: 40px;
                font-weight: bold;
                color: black;
                // text-decoration: underline 8px blue;
                border-bottom: solid 6px blue;
                padding-bottom: 4px;
                
            }
        }
    }
}
</style>